@import "@wordpress/base-styles/variables";
@import "@wordpress/base-styles/mixins";

.list-item-cards {
	overflow-y: auto;

	.list-item-card {
		border: 1px solid var(--color-border-subtle);
		border-radius: 4px;
		margin-block-end: 1rem;
		padding: 1rem;
		display: flex;
		flex-direction: column;
		gap: 1rem;

		.list-item-card-content {
			display: flex;
			flex-direction: column;
			gap: 6px;

			.list-item-card-content__header {
				display: flex;
				justify-content: space-between;

				.list-item-card-content__header-title {
					@include heading-small;
					color: var(--color-gray-80);
				}
			}
		}
	}
}

.list-item-card-actions {
	display: flex;
	justify-content: flex-end;
}
